import { createContext, useState,useContext } from "react";

const AuthContext = createContext();  //登录验证

//useContenx引用频繁，将其封装，直接使用
export const useAuth = () =>{
    return useContext(AuthContext)
}
export const AuthProvider = (props) =>{
    const [isLogin,setIsLogin] = useState(localStorage.getItem('isLogin') || '');
    //先从本地获取，获取到isLogin值就用，没有则赋值为空

    return(
        <AuthContext.Provider value={{isLogin,setIsLogin}}>
            {props.children}      
            {/* 调用子属性，不调用时不显示，在哪调用在哪显示，增强组件复用性 */}
        </AuthContext.Provider>
    )
}
